!function () {
    var user = JSON.parse(localStorage.getItem('user'))
    rendertab()
    function rendertab() {
        var arr = [], total = 0
        $.ajax({
            url: 'http://localhost/80edu/api.php/records/shopcar',
            method: 'get',
            data: {
                transform: 1,
                filter: 'uid,eq,' + user.data.id
            },
            success: function (data) {
                $.each(data.records, function (k, v) {
                    total += v.price * v.num
                    arr.push(
                        '<tr><td style="text-align:left;text-indent:30px;">' +
                        '<input data-index="' + v.id + '" class="Input-chebox" type="checkbox">' +
                        '<span>' + v.goodsname + '</span>' +
                        '</td><td class="header-price">￥' + v.price + '</td>' +
                        '<td><div class="header-dijian"><input type="text" value="' + v.num + '"><div class="header-imgAll">' +
                        '<i class="header-imgToper"></i><i class="header-imgBottom"></i></div></div></td>' +
                        '<td class="header-count"><span class="header-jiage">￥' + v.price * v.num + '</span></td><td class="td-Dele"><i data-id="' + v.id + '" class="header-Dele"></i></td></tr>'
                    )
                })
                $('.rendertbody').html(arr.join(''))
                $('.totalmoney').html('商品总金额：<span>￥' + total + '</span>')
                $('.shouldmoney').html('应付金额：<b>￥' + total + '</b>')
                $('.Input-chebox').prop('checked', $('#allchecked').prop('checked'))
            }
        })
    }
    $('#settle').on('click', function () {
        var arr = []
        $('.Input-chebox:checked').each(function (k, v) {
            arr.push($(v).attr('data-index'))
        })
        sessionStorage.setItem('shopArr', JSON.stringify(arr))
        location.href = 'buy.html'
    })

    $('.rendertbody').on('click', '.header-imgToper', function () {
        var nubers = $(this).parent().parent().find('input').val() * 1,
            parcie = $(this).parent().parent().parent().siblings('.header-price').text().substring(1, 10) * 1
        nubers += 1
        $.ajax({
            url: 'http://localhost/80edu/api.php/records/shopcar/' + $(this).parents('td').siblings('.td-Dele').find('.header-Dele').attr('data-id'),
            method: 'put',
            data: {
                num: nubers
            },
            success: function (data) {
            }
        })

        $(this).parent().parent().find('input').val(nubers)
        var nubstr = nubers * parcie
        $(this).parent().parent().parent().siblings('.header-count').find('.header-jiage').text('￥' + nubstr)
        var aa = 0
        $('.header-jiage').each(function (k, v) {
            aa += v.innerText.substring(1, 10) * 1
        })
        $('.shouldmoney').find('b').text('￥' + aa)
        $('.totalmoney').find('span').text('￥' + aa)
        ClickFunChecked()

    })
    $('.rendertbody').on('click', '.header-imgBottom', function () {
        var nubers = $(this).parent().parent().find('input').val() * 1,
            parcie = $(this).parent().parent().parent().siblings('.header-price').text().substring(1, 10) * 1
        if (nubers > 1) {
            nubers--
            $(this).parent().parent().find('input').val(nubers)
        }
        var nubstr = nubers * parcie
        $(this).parent().parent().parent().siblings('.header-count').find('.header-jiage').text('￥' + nubstr)
        var aa = 0
        $('.header-jiage').each(function (k, v) {
            aa += v.innerText.substring(1, 10) * 1
        })
        $.ajax({
            url: 'http://localhost/80edu/api.php/records/shopcar/' + $(this).parents('td').siblings('.td-Dele').find('.header-Dele').attr('data-id'),
            method: 'put',
            data: {
                num: nubers
            },
            success: function (data) {
            }
        })
        $('.shouldmoney').find('b').text('￥' + aa)
        $('.totalmoney').find('span').text('￥' + aa)
        ClickFunChecked()
    })

    $('#allchecked').click(function () {
        if ($(this).is(":checked")) {
            $('#table').find('input[type="checkbox"]').prop("checked", true);
        } else {
            $('#table').find('input[type="checkbox"]').prop("checked", false);
        };
        ClickFunChecked()
    })
    $('#table').click('input[type="checkbox"]', function () {
        ClickFunChecked()
        var checkboer = $('#table input[type="checkbox"]:not(:checked)').length
        $('#allchecked').prop("checked", !checkboer);
    })



    function ClickFunChecked() {
        var bb = 0;
        $('#table input[type="checkbox"]:checked').each(function (k, v) {
            bb += $(v).parent().siblings('.header-count').find('.header-jiage').text().substring(1, 10) * 1
        })
        $('.shouldmoney').find('b').text('￥' + bb)
        $('.totalmoney').find('span').text('￥' + bb)
    }
    $('.rendertbody').on('click', '.header-Dele', function () {
        $.ajax({
            url: 'http://localhost/80edu/api.php/records/shopcar/' + $(this).attr('data-id'),
            method: 'delete',
            success: function (data) {
                rendertab()
            }
        })
    })

}()